<template>
  <div style="border: 3px solid #000; margin:">
    我是SonBox组件
    <!-- 3. 渲染使用 -->
    {{ title  }}
  </div>
</template>

<script>
export default {
  // 2. 通过 props 接收
  props: ['title']
}
</script>

<style scoped>
/*
默认的style会作用于全局,BaseOne.vue 和 BaseTwo.vue 以及 App.vue 都会影响

加 scoped修饰后,只会影响本文件
*/
div {
    border: 3px solid blue;
    margin: 30px;
}
</style>